/* pages/receive/list/list.wxss */
@import "../../../app.less";

.container {
  .van-tabs__wrap {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: @color-border-base;
  }

  .all {
    padding-bottom: 100rpx;

  }

  .statistics {
    padding: 25rpx 32rpx;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 65, 196, 0.1);

    view {
      color: @color-text-primary;
      font-size: 28rpx;
      line-height: 1.7;

      text {
        color: @color-primary;
        font-size: 30rpx;
        font-weight: 600;
      }
    }
  }

  .dateFilter {
    .van-cell__value {
      color: @color-text-primary;
    }

    .van-picker__confirm {
      color: @color-primary;
    }
  }

  .van-search__content {
    background-color: @color-background-regular;
    border-radius: 8px;

    .van-field__control {
      height: 60rpx;
    }

    .van-cell {
      align-items: center;
      font-size: 26rpx;
    }
  }

  .van-ellipsis {
    font-size: 28rpx;
  }

  .van-tab--active .van-ellipsis {
    font-size: 30rpx;
  }

  .secondTabs {
    .van-tabs__wrap {
      border: none;
      height: 96rpx;

      .van-tabs__nav {
        padding-left: 32rpx;
        padding-right: 32rpx;
        padding-top: 24rpx;
      }

      .van-tab {
        line-height: 48rpx;
        background: rgba(125, 138, 159, .06);
        margin-right: 20rpx;
        font-size: 28rpx;
        color: @color-text-fourthly;
        border-radius: 5px;

        &.van-tab--active {

          background: rgba(0, 65, 196, .06);
          color: @color-primary;

          .van-ellipsis {
            font-size: 28rpx;
          }
        }

      }

    }

    // .van-tabs__nav {
    //   padding: 26rpx 32rpx;
    // }

    // view {
    //   background: rgba(125, 138, 159, .06);
    //   font-size: 28rpx;
    //   color: @color-text-fourthly;
    //   border-radius: 5px;
    //   padding: 4rpx 15rpx;
    //   line-height: 1.5;
    //   margin-right: 24rpx;

    //   &.active {
    //     background: rgba(0, 65, 196, .06);
    //     color: @color-primary;
    //   }
    // }
  }

  .customTime {
    padding: 60rpx 32rpx;

    .timeItem {
      padding:16rpx  10rpx;
      margin: 20rpx 0;
      border-radius: 5px;
      color: @color-text-fourthly;
      font-size: 28rpx;

      &.checked {
        background-color: rgba(0, 65, 196, 0.06);
        color: @color-primary;
      }
    }

    .title {
      padding:16rpx  10rpx;
      margin: 20rpx 0;
      border-radius: 5px;
      color: @color-text-fourthly;
      font-size: 28rpx;
    }

    .customBox {
      display: flex;
      flex-direction: row;
      margin: 20rpx 0;
      color: @color-text-fourthly;
      font-size: 28rpx;
      span{
        margin: 0 10px;
      }
      input {
        width: 180rpx;
        padding:16rpx  10rpx;
        text-align: center;
        color: @color-text-fourthly;
        font-size: 28rpx;
        border-radius: 5px;
        background-color: @color-background-regular;
      }
    }
    .btn{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      van-button{
        width: calc((100% - 20px)/2);
        button{
          width: 100%;
          font-size: 28rpx;
        }
      }
    }
  }
}